// 
.D-fl           {float:left;}
.D-fr           {float:right;}
.D-tl           {text-align:left;}
.D-tr           {text-align:right;}
.D-center       {
                text-align: center;
                th{text-align: center;}
}
.center-m       {margin:0 auto;}
.center-ab      {
                margin: auto;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                }

.D-over         {overflow: hidden;}
.D-over-auto    {overflow:auto;}
.D-justify      {text-align: justify; }
.D-rela         {position: relative;}
.D-abso         {
                position:absolute;
                &.tr{top:0; right:0;}
                &.tl{top:0; left:0;}
                &.br{bottom:0; right:0;}
                &.bl{bottom:0; left:0;}
                &.t{top:0;}
                &.r{right:0;}
                &.b{bottom:48px;}
                &.l{left:0;}
                }

.D-block        {display:block;}
.D-inline       {display:inline-block;}
.inline         {display: inline; }
.D-nowrap       {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
ul.list-inline{
  li{
    display: inline-block;
    a{}
  }
}
ul.list-date{
  li{
    a{display: block;
      overflow: hidden;
      .fl{float:left;}
      .fr{float:right;}
      
    }
  }
}
.text-align-reverse {text-align: right; }

/*width height*/
$wh-pmax:9;
.width-full     { width:100%; }
.height-full    { height:100%; }
.wh-full{
  @extend .width-full;
  @extend .height-full;
}
@for $i from 1 through $wh-pmax{
  .w-p#{$i}{
    width:$i*10%;
    float:left;
  }
}
//.wh-p1{width:10%;}
//.wh-p1h{width:15%;}
//.wh-p2{width:20%;}
//.wh-p2h{width:25%;}
//.wh-p3{width:30%;}
//.wh-p3h{width:35%;}
//.wh-p4{width:40%;}
//.wh-p4h{width:45%;}
//.wh-p5{width:50%;}
//.wh-p5h{width:55%;}
//.wh-p6{width:60%;}
//.wh-p6h{width:65%;}
//.wh-p7{width:70%;}
//.wh-p7h{width:75%;}
//.wh-p8{width:80%;}
//.wh-p8h{width:85%;}
//.wh-p9{width:90%;}
//.wh-p9h{width:95%;}
/*img*/
.img-responsive{
  width:100%;
  height:auto;
}
.img-circle{
  width:100%;
  border-radius:50%;
}
.uppercase {text-transform: uppercase !important; }
